<layout name="site" />
<style>
	body {
		background-image: url(__STYLE__/Site/images/FqrIif8V6Ly9mb5CNpGYjtg5dLwV.jpg);
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-size: cover;
	}
	.bottom-copyright {
		position: fixed;
		bottom: 0;
		width: 100%;
		max-width: 640px;
	}
</style>
<div class="swiper-box">
	<div class="swiper-container">
	    <div class="swiper-wrapper">
		  <tag:category id="vo" _trace="0">
		      <div class="swiper-slide red-slide" style="width:120px;">
		       	<a href="{$vo.url}">
			       	<div class="swiper-l-box">
			        	<div class="title">{$vo.name}</div>
			        	<img class="swiper-l-img" src="{$vo.logo}" alt="" />
			      	</div>
		      	</a>
		      </div>
	      </tag:category>  
	    </div>
	    <div class="pagination"></div>
  </div>
</div>
  <script>
  var mySwiper = new Swiper('.swiper-container',{
    pagination: '.pagination',
    paginationClickable: true,
    slidesPerView: 'auto'
  })
  </script>